.comment_content{
  :global{
  .TitleAnd_Num{
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
      .num{
        font-size: 20px;
        margin-left: 5px;
        margin-top: 1px;
      }
    }
    .comment_input{
      display: flex;
      width: 100%;
      margin: 20px 0;
      .left_headerimg{
        width: 40px;
        height: 40px;
        border-radius: 50%;
        overflow: hidden;
        margin-right: 20px;
        flex-shrink: 0;
        img{
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }
      .right_input{
        flex: 1;
      }
      .right_input_no{
        width: 100%;
        height: 100px;
        background-color: #f2f3f5;
        border-radius: 10px;
        .center_content{
          width: 100%;
          height: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          .btn{
            font-size: 14px;
            color: #FFF;
            padding: 7px 8px;
            background-color: #1d7dfa;
            border-radius: 3px;
            margin-right: 10px;
            cursor: pointer;
          }
          .tips{
            font-size: 14px;
          }
        }
      }
    }
    .ant-input-textarea-affix-wrapper.ant-input-affix-wrapper >textarea.ant-input{
      background: #f0f2f4;
      font-size: 16px;
      resize: none;
      height: 100px!important;
      transition: all 0.2s;

    }
    .ant-input-textarea-affix-wrapper.ant-input-affix-wrapper >textarea.ant-input:focus{
      background: #FFF;
      /* height: 150px!important; */
    }
   .ant-input-textarea-show-count .ant-input-data-count{
    right: 65px;
    bottom: -32px;
   }
    .input_other_components{
      display: flex;
      justify-content: space-between;
      margin-top: 5px;
      .left_emoji{
        color: #8a919f;
        cursor: pointer;
      }
      .right_btn{
        .send_btn{
          padding: 5px 15px;
          background-color: #abcdff;
          color: #FFF;
          font-size: 14px;
          border-radius: 5px;
          cursor: pointer;
          transition: all 0.2s;
        }
        .send_btn_active{
          background-color: #1d7dfa;
        }
      }
    }
    .tab_sort{
      margin: 20px 0;
    }
    .comment_others_list{
      margin-top: 20px;
      .comment_list{
        .first_comment_items{
          margin: 30px 0;
          display: flex;
          .left_first_headerimg{
            width: 40px;
            height: 40px;
            border-radius: 50%;
            flex-shrink: 0;
            overflow: hidden;
            margin-right: 20px;
            img{
              width: 100%;
              height: 100%;
              object-fit: cover;
            }
          }
          .right_comment_info{
            flex: 1;
            .user_name{
              display: flex;
              align-items: center;
              color: #8a919f;
              font-size: 16px;
            }
            .author_is{
              padding: 1px 3px;
              letter-spacing: 1;
              font-size: 12px;
              margin-left: 3px;
              color: #1d7dfa;
              background-color: #eaf2ff;
            }
            .user_comment_content{
              font-size: 15px;
              margin: 10px 0;
            }
            .other_info{
              display: flex;
              font-size: 15px;
              .time,.like,.comment{
                margin-right: 20px;
                color:#8a919f;
              }
              .like{
                display: flex;
                align-items: center;
                cursor: pointer;
                .likeTitle{
                  margin-left: 2px;
                }
              }
              .comment{
                display: flex;
                cursor: pointer;
                .num{
                  margin-left: 5px;
                }
              }
              .cancelcomment{
                color: #1d7dfa!important;
                cursor: pointer;
              }
              .comment:hover,.like:hover{
                color: #1d7dfa;
              }
            }
            .input_all{
              margin-top: 10px;
            }
            .others_tow_more_comment_list{
              display: flex;
              margin: 20px 0;
              .left_img{
                width: 30px;
                height: 30px;
                border-radius: 50%;
                overflow: hidden;
                flex-shrink: 0;
                margin-right: 10px;
                img{
                  width: 100%;
                  height: 100%;
                  object-fit: cover;
                }
              }
              .right{
                flex: 1;
                .name{
                  display: flex;
                  color: #8a919f;
                  
                }
              }
            }
          }
        }
      }
    }
    .show_more_commentList{
      justify-content: center;
      align-items: center;
      display: flex;
      color: #8a919f;
      padding: 20px 0;
      background-color: #f7f8fa;
      border-radius: 5px;
      font-size: 14px;
      cursor: pointer;
      transition: all 1s;
      .showMoreIcon{
        margin-top: 3px;
        font-size: 14px;
        margin-left: 3px;
      }
    }
    .show_more_commentList:hover{
      background-color: #f2f3f5;
    }
  }
  
}